<template>
	<view class="container bg-w">
		<view class="header uni-flex uni-row flex-between">
			<uni-nav-bar title="工序进度">
				<template slot='left'>
					<view class="flex width-100 ">
						<i class='iconfont iconfanhui' @click='goBack()'></i>
					</view>
				</template>
			</uni-nav-bar>
		</view>
		<view class="position-r-top">
			<view class="process-progress" v-if="progressInfo.length > 0">
				<uni-steps :options="progressInfo" direction="column" :active="progressInfo.length"></uni-steps>
			</view>
			<view class="nodata" v-else>
				<text>暂无进度</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		progress,
	} from '@/common/api/ConstructionReport.js'
	export default {
		data() {
			return {
				progressInfo: [],
				// option: [{
				// 	title: '提交资料',
				// 	desc: '2021/01/14 15:41:41',
				// 	name:'吴志远(施工员)'
				// }, {
				// 	title: '按时审批',
				// 	desc: '2021/01/14 15:41:41',
				// 	name:'吴志远(施工员)'
				// }, {
				// 	title: '超时审批',
				// 	desc: '2021/01/14 15:41:41',
				// 	name:'吴志远(施工员)'
				// }, {
				// 	title: '交易完成',
				// 	desc: '2021/01/14 15:41:41',
				// 	name:'吴志远(施工员)'
				// }]
			}
		},
		onLoad(option) {
			// this.detailedProId = option.detailedProId
			progress(option.detailedProId).then(res => {
				if (res.code == 20000) {
					this.progressInfo = res.data
				}
			})
		},
		methods: {

		}
	}
</script>

<style lang="less">
	.process-progress {
		width: 94%;
		padding: 20rpx 3%;
	}
</style>
